【krpano】動画を再生する

パノラマの中で動画を再生する方法

【使用するファイル】
xmlファイル
動画ファイル（flvとm4v）
krpano viewerフォルダの中のpluginsフォルダ
動画のポスター用画像（動画サムネイル）

【準備】
xmlと同じ階層にvideoフォルダを作成しその中に動画ファイルを保存。
サムネイル用の画像もvideoフォルダに保存。
krpano viewerフォルダの中のpluginsフォルダをxmlと同じ階層にコピー。
pluginsフォルダの中のvideoplayer.jsとvideoplayer.swfを使います。

【基本コード】
下記のコードをxmlファイル内に記述します。
各ファイルのパスは上記「準備」のパスで記述しています。それぞれの環境で調整してください。

<hotspot name="videospot" 
             url="%SWFPATH%/plugins/videoplayer.swf" 
			 alturl="%SWFPATH%/plugins/videoplayer.js" 
			 videourl="%SWFPATH%/video/curry_bg.flv"
			 altvideourl="%SWFPATH%/video/curry_bg.m4v"
			 posterurl="%SWFPATH%/video/poster.jpg"
			 distorted="true"
			 ath="0"
			 atv="0"
			 edge="center"
			 scale="1.0"
			 rx="0"
			 ry="0"
			 rz="0"
			 loop="true"
			 pausedonstart="true"
			 directionalsound="true"
			 range="110"
			 volume="0.7"
			 onclick="togglepause();"
			 />

【解説】

<hotspot name="videospot" 
             url="%SWFPATH%/plugins/videoplayer.swf" 
			 alturl="%SWFPATH%/plugins/videoplayer.js" 
			 videourl="%SWFPATH%/video/curry_bg.flv"
			 altvideourl="%SWFPATH%/video/curry_bg.m4v"
			 posterurl="%SWFPATH%/video/poster.jpg"
			 distorted="true" //歪み　以下のrx ry rzの項目で画像をゆがめる
　　　　　　 rx="0"
			 ry="0"
			 rz="0"
			 ath="0" //横位置の設定
			 atv="0" //縦位置の設定
			 edge="center"
			 scale="1.0" //倍率
			 loop="true" //繰り返しの設定
			 pausedonstart="true" //falseにすると自動再生
			 directionalsound="true" //ダイレクトサウンド（指向性の音）
			 range="110" //ダイレクトサウンドの範囲
			 volume="0.7"
			 onclick="togglepause();"
			 />

【メモ】
動画の再生を促すために、動画にマウスオンで『クリックで再生』のようなテキストを表示させる方法は、基本コードの中に以下の記述を追加して、表示するテキストの設定用のコードをxml内に追記する。

基本コードに追加するコード
onhover=”if(ispaused, showtext(再生, textstyle), showtext(停止, textstyle));”

テキストの設定用のコード

<textstyle name="textstyle"
	           background="false" border="false" textalign="center"
	           fontsize="20" textcolor="0xFFFFFF" effect="glow(0xFFFFFF,0.7,4,2);glow(0x000000,1,4,2);dropshadow(3,45,0x000000,2,0.6);"
	           fadetime="0.2" fadeintime="0.5"
	           />


【実例】

</krpano>